<template>
	<view class="AI-card" @click="upload">
		<image src="/static/other/AI-shibie.svg" mode="widthFix"></image>
		<text>身份证智能识别</text>
	</view>
	<view class="xinguan-view">
		<view class="xinguan-flex">
			<text>真实姓名</text>
			<input placeholder="请输入姓名" placeholder-class="input-style" />
		</view>
		<view class="xinguan-flex">
			<text>性别</text>
			<picker mode="selector" :range="['男', '女']" class="flex-left" @change="changeSex">
				<view>
					<text>请输入性别</text>
					<image src="/static/other/gengduo.svg"></image>
				</view>
			</picker>
		</view>
		<view class="xinguan-flex">
			<text>出生日期</text>
			<picker mode="date" class="flex-left" @change="changeDate">
				<view>
					<text>请选择出生日期</text>
					<image src="/static/other/gengduo.svg"></image>
				</view>
			</picker>
		</view>
		<view class="xinguan-flex">
			<text>成员关系</text>
			<picker mode="selector" :range="['自己', '父母', '其他']" class="flex-left" @change="changeReletion">
				<view>
					<text>请选择成员关系</text>
					<image src="/static/other/gengduo.svg"></image>
				</view>
			</picker>
		</view>
		<view class="xinguan-flex">
			<text>身份证</text>
			<input placeholder="请输入身份证" placeholder-class="input-style" />
		</view>
		<view class="xinguan-flex">
			<text>手机号</text>
			<input placeholder="请输入手机号" type="number" placeholder-class="input-style" />
		</view>
	</view>
	<view style="height:300rpx"></view>
	<view class="submit">
		<text @click="canCel">取消</text>
		<text @click="aubMit">确认添加</text>
	</view>
</template>
  
<script setup lang="ts">
// 1.引入基础模块
import { reactive, toRefs } from 'vue'



</script>
  
  
<style>
@import url('../../common-style/form.css');

page {
	background-color: #f6f6f6;
}

.AI-card {
	display: flex;
	align-items: center;
	background-color: #ffffff;
	font-size: 35rpx;
	border-radius: 15rpx;
	padding: 30rpx 20rpx;
	margin: 20rpx 20rpx 50rpx 20rpx;
}

.AI-card image {
	width: 80rpx;
	height: 80rpx;
	margin-right: 20rpx;
	display: block;
}
</style>